@charset "utf-8";
@import"reset";
@function r($px) {
    @return $px/20*1rem;
}
html,body{
     width: 100%;
    height: 100%;
}
.indeWeb {
    width: 100%;
    height: 100%;
    position: relative;
    background: #ffffff;
    .logo {
        width: 100%;
        height: r(89);
        background: url(../img/shouye/images/honglogo_02.png)no-repeat center center/cover;
        position: fixed;
        top: 0;
        z-index: 9999;
        .yingyong {
            width: r(30);
            height: r(23);
            position: absolute;
            cursor: pointer;
            top: r(25);
            left: r(23);
            .icon-sanheng{
//              width: 100%;
//              height: 100%;
                font-size: r(30);
                color: white;
            }
            
        }
        .fangdajing {
            position: absolute;
            width: r(30);
            height: r(30);
            border-radius: 50%;
            border: 2px solid white;
            line-height: r(30);
            top: r(23);
            right: r(23);
            text-align: center;
            .icon-fangdajing {
//              width: 100%;
                font-size: r(23);
                color: white;
                
            }
        }
    }
    section{
        width: 100%;
        position: absolute;
        top: r(89);
        overflow-y: scroll;
        padding-bottom: r(90);
          .bbbo{
            width: r(583);
            margin: 0 auto;
            padding-bottom: r(10);
            .yinying {
                    width: 100%;
                    .title_zixun {
                        font-size: r(30);
                        color: black;
                        font-family: -webkit-body;
                        font-family: -webkit-pictograph;
                        padding-top: r(20);
                        padding-bottom: r(15);
//                      letter-spacing: 1px;
                        text-align: justify;
//                      font-weight: bold;
                    }
                   .shijian_chuchu{
                       float: right;
                            .liulang{
                                text-align: right;
                                    span{
                                        font-size: r(17);
                                        color: #c5c5c5;
                                    }
                                    .icon-aixin{
                                        font-size: r(19);
                                    }
                                    .icon-yanjing2{
                                        font-size: r(19);
                                        padding-left: r(30);
                                        padding-right: r(7);
                                    }
                            }
                            .time{
                                font-size: r(21);
                                color: #c5c5c5;
                                span{
                                    font-size: r(22);
                                    color: #b82626;
                                }
                            }
                   }
                   .clear{
                       clear: both;
                   }
                }
        }
       .conten_zaiyaokuang{
                width: 100%;
           .potswenzi{
               width: r(583);
               margin: 0 auto;
            .conten_zaiyao{
                width: 100%;
                padding-top: r(30);
                p{
                    text-indent: r(40);
                    color: #c6c6c6;
                    font-size: r(20);
                    text-align: justify;
                    line-height: r(30);
                }
            }
            .title_wenzhang{
                    width: 100%;
                    padding-top: r(30);
                
                p{
                    text-indent: r(40);
                    color:black;
                    font-size: r(20);
                    text-align: justify;
                    font-weight: bold;
                }
            }
            .dianmian{
                    width: 100%;
                    padding-top: r(30);
                .heise{
                    text-indent: r(40);
                    color:black;
                    font-size: r(20);
                    text-align: justify;
                    font-weight: bold;
                }
                .huise{
                    text-indent: r(40);
                    color: #c6c6c6;
                    font-size: r(20);
                    text-align: justify;
                    line-height: r(30);
                    letter-spacing: 0.5px;
                }
            }
        .potchs{
            width: r(583);
            height: r(271);
            padding-top: r(30);
            padding-bottom: 0;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .posit_one{
             width: r(583);
             height: r(143);
             padding-top: r(30);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .posit_two{
             width: r(583);
             height: r(246);
             padding-top: r(30);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .tent_left{
            width: 100%;
            padding-top: r(30);
            p{
                font-size: r(20);
                text-align: justify;
            }
            .left_one{
                color: #000000;
                font-weight: bold;
                
            }
            .left_two{
                color: #8b8b8b;
                padding: r(35) 0;
            }
            .left_three{
                color: #8b8b8b;
            }
        }
        .posithre{
            width: r(583);
            height: r(170);
            padding-top: r(30);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .conten_quweiguanggao{
             width: 100%;
             padding-top: r(35);
            p{
                color: #8b8b8b;
                font-size: r(20);
                text-align: justify;
            }
        }
        .posifour{
            width: r(583);
            height: r(241);
            padding: r(22) 0 r(25);
            img{
                width: 100%;
                height: 100%;
            }
             
        }
        .posifive{
            width: r(583);
            height: r(300);
            padding: r(22) 0 r(25);
            img{
                width: 100%;
                height: 100%;
            }
             
        }
        .four35{
             width: 100%;
             p{
                color:#8b8b8b;
                font-size: r(20);
                text-align: justify;
             }
             .left_one_two{
                 font-weight: bold;
             }
             .left_five{
                 padding-top: r(35);
             }
             
        }
        .none_pad{
            width: 100%;
            p{
               color:#8b8b8b;
               font-size: r(20);
               text-align: justify; 
            }
        }
        .finally{
            width: r(580);
            padding-top: r(30);
            padding-bottom: r(53);
            img{
                width: 100%;
            }
        }
        }
       }
        .guodao{
            width: 100%;
            height: r(19);
            background: #efefef;
        }
        .zhushi{
                width: r(583);
                margin: 0 auto;
                padding-top: r(35);
                padding-left: r(8);
                padding-bottom: r(28);
                p{
                    font-size: r(21);
                    color: #a6a6a6;
                    span{
                        color: #727171;
                        font-weight: bold;
                    }
                }
        }
        .share{
            width: r(583);
            padding-top: r(27);
            border-top: 1px solid #e6e6e6;
            margin: 0 auto;
            text-align: center;
            padding-bottom: r(55);
                .one_zan{
                    display: inline-block;
                    .dianzan{
                        width: r(68);
                        height: r(68);
                        border-radius: 50px;
                        border: 2px solid #8b8b8b;
                         text-align: center;
                        .icon-aixin{
                            font-size: r(34);
                            color: #c5c5c5;
                            line-height: r(68);
                            text-align: center;
                        }
                        .icon-xing{
                            font-size: r(34);
                            color: #c5c5c5;
                            line-height: r(68);
                            text-align: center;
                        }
                        .icon-ordinaryfenxiang{
                            font-size: r(34);
                            color: #c5c5c5;
                            line-height: r(68);
                            text-align: center;
                        }
                    }
                    .zhongwen{
                            width: r(70);
                            padding-top: r(7);
                        p{
                            font-size: r(20);
                            color:#8b8b8b;
                            text-align: center;
                            margin-left: 2px;
                            letter-spacing: 1px;
                        }
                    }
                }
                .supr{
                    margin: 0 r(55);
                }
        }
        .denglupinglun{
            width: 100%;
            .pingkunkuang{
                width: r(583);
                margin: 0 auto;
                padding-bottom: r(50);
                .kuangjia{
                    width: r(583);
                    height: r(193);
                    border: 1px solid #cecece;
                    p{
                        line-height: r(193);
                        text-align: center;
                        font-size: r(20);
                        color: #8b8b8b;
                        a{
                            color: #c76767;
                            text-decoration: underline;
                           margin-right: 2px;
                        }
                    }
                }
                .pinglunjian{
                    width: r(395);
                    height: r(53);
                    background: #b20000;
                    margin: 0 auto;
                    margin-top:r(16);
                    p{
                        font-size: r(26);
                        color: white;
                        line-height:r(53);
                        text-align: center;
                    }
                }
                
            }
            .conintin{
                width: r(583);
                margin: 0 auto;
                padding-bottom: r(27);
                border-bottom: 1px dashed #c9c9c9;
                p{
                    font-size:r(20);
                    color: #727171;
                    a{
                        color: #c727171;
                        text-decoration: underline;
                        margin: 0 2px;
                    }
                }
                .user_zhuren{
                    width: 100%;
                    .user_shuoshuo{
                        width: r(583);
                        ul{
                            padding-top: r(25);
                            li{
                                display:inline-block;
                                vertical-align: middle;
                                margin-right: r(9);
                            }
                            .user_touxiang{
                                width: r(50);
                                height: r(50);
                                border-radius: 50%;
                                background: url(../img/shouye/images/suerpinglun.jpg)no-repeat center center;
                                background-size: cover;
                                background-position: 10% 12%;
                            }
                            .dayst{
                                font-size: r(18);
                                color: #b2b2b2;
                            }
                        }
                        .one_pinglun{
                            font-size: r(22);
                            color: #444444;
                            padding-left: r(18);
                            padding-top: r(13);
                            span{
                                font-size: r(15);
                                color: #b2b2b2;
                                float: right;
                                padding-top: 3px;
                                text-align: unset;
                            }
                        }
                        .two_huifu{
                            float: right;
                            font-size: r(19);
                            color: #777777;
                            padding-top: r(19);
                            a{
                                text-decoration: none;
                                color: #d2d2d2;
                                font-size: r(8);
                            }
                        }
                        .clear{
                            clear: both;
                        }
                        .huifuduixiang{
                            width: r(535);
                            height: r(376);
                            margin: 0 auto;
//                          border: 1px solid black;
                            background: #fafafa;
                            .mino{
                               width: r(522);
                               height: r(110);
                               margin: 0 auto;
                               border-bottom: 1px dashed #c9c9c9;
                                ul{
                                    padding-top: r(19);
                                    padding-left: r(21);
                                    li{
                                       display:inline-block;
                                       vertical-align: middle;
                                       margin-right: r(9);
                                    }
                                    .user_touxiang2{
                                        width: r(40);
                                        height: r(40);
                                        border-radius: 50%;background:url(../img/shouye/images/suerpinglun.jpg)no-repeat center center;
                                        background-size: cover;
                                        background-position: 10% 12%;
                                    }
                                    .user_touxiang3{
                                         width: r(40);
                                        height: r(40);
                                        border-radius: 50%;background:url(../img/shouye/images/usertwo.jpg)no-repeat center center;
                                        background-size: cover;
                                        background-position: 10% 12%;
                                    }
                                    .user_name{
                                        span{
                                            font-size: r(16);
                                            color: #444444;
                                        }
                                    }
                                    .dayst2{
                                        font-size: r(18);
                                         color: #444444;
                                    }
                                    .dayst3{
                                        float: right;
                                        width: r(330);
                                        font-size: r(18);
                                        color: #444444;
//                                      text-align: justify;
                                    }
                                }
                                .one_pinglu2{
                                    float: right;
                                    font-size: r(15);
                                    color: #b2b2b2;
                                    padding-top: r(23);
                                }
                                .one_pinglu3{
                                    margin-left:r(20);
                                    font-size: r(15);
                                    color: #b2b2b2;
                                    padding-top: r(15);
                                    margin-left: r(60);
                                }
                            }
                            .contents_neirong{
                                width: r(497);
                                height: r(72);
                                margin: 0 auto;
                                background: #ffffff;
                                border: 1px solid #efefef;
                                margin-top: r(20);
                                    p{
                                        font-size: r(18);
                                        color: #575757;
                                    }
                                    .xianzhi_zhishu{
                                        float: right;
                                        font-size: r(12);
                                        color: #bdbdbd;
                                    }
                            }
                            .fabiao{
                                width: r(147);
                                height: r(45);
                                background: #b20000;
                                float: right;
                                margin-right: r(17);
                                margin-top: r(8);
                                margin-bottom: r(8);
                                p{
                                    font-size: r(20);
                                    color: white;
                                    line-height:r(45) ;
                                    text-align: center;
                                    letter-spacing: 2px;
                                }
                            }
                        }
                    }
                    
                }
                
            }
            .clear{
                clear: both;
            }
            .moreandmore{
                width: r(583);
                margin: 0 auto;
                height: r(180);
//              padding-bottom: r(27);
                border-bottom: 1px dashed #c9c9c9;
                .user_zhuren_two{
                    width: 100%;
                    .user_shuoshuo_two{
                        width: r(583);
                        ul{
                            padding-top: r(25);
                            li{
                                display:inline-block;
                                vertical-align: middle;
                                margin-right: r(9);
                            }
                            .user_touxiang_2{
                                width: r(50);
                                height: r(50);
                                border-radius: 50%;
                                background: url(../img/shouye/images/suerpinglun.jpg)no-repeat center center;
                                background-size: cover;
                                background-position: 10% 12%;
                            }
                            .dayst_three{
                                font-size: r(18);
                                color: #b2b2b2;
                            }
                        }
                        .one_pinglun_two{
                            font-size: r(22);
                            color: #444444;
                            padding-left: r(18);
                            padding-top: r(13);
                            span{
                                font-size: r(15);
                                color: #b2b2b2;
                                float: right;
                                padding-top: 3px;
                                text-align: unset;
                            }
                        }
                        .two_huifu_two{
                            float: right;
                            font-size: r(19);
                            color: #777777;
                            padding-top: r(19);
                            a{
                                text-decoration: none;
                                color: #d2d2d2;
                                font-size: r(8);
                            }
                        }
                    }
                 }
               }
               
        }
    }
     .shenlue{
                width: 100%;
                text-align: center;
                padding: r(20) 0 r(17);
                span{
                    font-size: r(22);
                    color: #cecece;
                    
                }
            }
    .suanze {
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        padding-top: r(12);
        .wer {
            width: 100%;
            ul {
                width: 100%;
                li {
                    display: inline-block;
                    width: r(121.5);
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                }
                .one_kuang {
                    border-right: 1px solid #e9e9e9;
                    .onepot {
                        width: r(48);
                    }
                }
                .two_kuang {
                    border-right: 1px solid #e9e9e9;
                    .twopot {
                        width: r(48);
                    }
                }
                .three_kuang {
                    border-right: 1px solid #e9e9e9;
                    .threepot {
                        width: r(41);
                    }
                }
                .four_kuang {
                    border-right: 1px solid #e9e9e9;
                    .fourpot {
                        width: r(42);
                    }
                }
                .five_kuang {
                    .fivepot {
                        width: r(70);
                    }
                }
            }
        }
    }
}